<!DOCTYPE html>
<html class="">

<head>
  <title>styleguideguide</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width" />

  <link rel="stylesheet" href="../../css/main.css?1494868035474" media="all" />

  <!--<Deject>-->
  <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
  <!-- never cache patterns -->
  <meta http-equiv="cache-control" content="max-age=0" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
  <meta http-equiv="pragma" content="no-cache" />

  <!-- End Pattern Lab -->
  <!--</Deject>-->

</head>

<body class="">
  <div class="c-hero c-hero--blue-tint" style="background-image: url(https:&#x2F;&#x2F;placeholdit.imgix.net&#x2F;~text?txtsize&#x3D;50&amp;txt&#x3D;1280%C3%97720&amp;w&#x3D;1280&amp;h&#x3D;720);">

    <div class="c-hero__body">

      <h1 class="c-hero__title">This is the hero</h1>
      <p class="c-hero__desc">This is the hero description that will describe the contents of the hero</p>
      <button class="c-btn c-hero--blue-tint">

    <div class="c-btn__inner">


            Button

    </div><!--end c-btn__inner-->

</button>
      <!-- end c-btn -->


    </div>
    <!-- end c-hero__body -->

  </div>
  <!-- end c-hero -->
  <script src="../../js/vendor/jquery-3.1.0.min.js"></script>
  <script src="../../js/vendor/iframe-resizer.min.js"></script>
  <script src="../../js/vendor/iframeResizer.contentWindow.min.js"></script>
  <script src="../../js/vendor/clipboard.min.js"></script>
  <script src="../../js/style-guide.js"></script>

</body>

</html>
